<template>
    <view class="logo flex-center">
        <image :src="path" mode="aspectFit"></image>
    </view>
</template>

<script>
import { APP_ROLE, CurrentRole } from '../../config';
import logo1 from '../../static/logo.png';
import logo2 from '../../static/logo-agent.png';
export default {
    name: 'logo',
    data() {
        return {
            path: ''
        };
    },
    mounted() {
        if (CurrentRole == APP_ROLE.Agent) {
            // this.path = logo2;
			this.path = logo2;
        } else {
            this.path = logo1;
        }
    }
};
</script>

<style lang="scss">
.logo {
    height: 160px;
    image {
        max-height: 92px;
    }
}
</style>
